<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>COVID-19 Trends</title>
    <meta name="description" content="COVID-19 新型冠状病毒肺炎增长趋势，包括按省份趋势图，按城市趋势图，按省份分布地图，按城市分布地图，以及按城市变化情况" />
    <meta name="keywords" content="ncov,肺炎,新冠病毒,ncp,新冠肺炎,新冠状病毒,肺炎趋势图,肺炎增长,肺炎分布,COVID-19,sars,肺炎分布地图,各国肺炎病例,肺炎确诊,肺炎疑似,肺炎时间线,新冠状病毒肺炎" />
    <style>
      html, body { height: 100%; }
      #chart_container { height: 90% }
      .trends-chart { display:inline-block; width:100%; height:400px; padding-bottom: 30px; }
      .summary-chart { display:inline-block; width:100%; height:400px; padding-bottom: 30px; }
      @media only screen and (min-width: 800px) {
        .trends-chart { width: 50% }
        .summary-chart { width: 50% }
      }
      @media only screen and (min-width: 1200px) {
        .trends-chart { width: 33% }
      }
      @media only screen and (min-width: 2000px) {
        .trends-chart { width: 25% }
      }
    </style>
    <link href="assets/bootstrap.min.css" rel="stylesheet">
    <script src="assets/axios.min.js"></script>
    <script src="assets/echarts.min.js"></script>
    <script>
      if (location.host.toLowerCase() !== 'covid19.tk') {
        //location.href = 'https://covid19.tk/' + location.hash;
        location.href = 'https://covid19.tk/' + location.hash;
      }
    </script>
    <link rel="shortcut icon" href="assets/logo.png">
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light mb-3">
      <a class="navbar-brand" href="https://covid19.tk/">
        <img src="assets/logo.png" width="30" height="30" class="d-inline-block align-center" alt="">
        COVID19.tk
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto" id="navbar">
          <li class="nav-item">
            <a class="nav-link" href="#tab=summary">总体趋势</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#tab=trends">省市趋势</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#tab=map">省市地图</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#tab=cities-map">全部城市地图</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#tab=world-map">世界地图</a>
          </li>
        </ul>
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="https://github.com/ohdarling/2019-nCoV-Charts">GitHub</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://github.com/BlankerL/DXY-2019-nCoV-Data" target="_blank">数据来源</a>
          </li>
        </ul>
      </div>
    </nav>

    <div class="container-fluid" id="chart_container">
      Loading...
    </div>

    <script src="assets/jquery.min.js"></script>
    <script src="assets/jquery.loading.min.js"></script>

    <script src="app.js"></script>

    <script src="assets/bootstrap.bundle.min.js"></script>

    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-158038850-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-158038850-1');
    </script>

  </body>
</html>